
/**
 * 
 * Copyright (C) 2009 DATAPREV - Empresa de Tecnologia e Informações da Previdência Social - Brasil
 *
 * Este arquivo é parte do programa SGA Livre - Sistema de Gerenciamento do Atendimento - Versão Livre
 *
 * O SGA é um software livre; você pode redistribuí­-lo e/ou modificá-lo dentro dos termos da Licença Pública Geral GNU como 
 * publicada pela Fundação do Software Livre (FSF); na versão 2 da Licença, ou (na sua opnião) qualquer versão.
 *
 * Este programa é distribuído na esperança que possa ser útil, mas SEM NENHUMA GARANTIA; sem uma garantia implícita de ADEQUAÇÃO a qualquer
 * MERCADO ou APLICAÇÃO EM PARTICULAR. Veja a Licença Pública Geral GNU para maiores detalhes.
 *
 * Você deve ter recebido uma cópia da Licença Pública Geral GNU, sob o título "LICENCA.txt", junto com este programa, se não, escreva para a 
 * Fundação do Software Livre(FSF) Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA.
 *
**/

* {
	padding: 0px;
	margin: 0px;
	cursor: default;
}

body {
    font-size: 70.0%; /* JQuery UI */
}

html, body, #geral {
	width: 100%;
	height: 100%;
}

.invisible {
    visibility: hidden;
    display: none;
}

/* T�tulo das p�ginas exibidas. */
h3.page_title {
	display: block;
	font: 22px arial;
	font-weight: bold;
	text-transform: capitalize;
	color: #4786c1;
	padding: 0 0 3px 0;
	margin: 0 0 10px 0;
	border-bottom: dashed 1px #ccc;
}

/*
 INPUT
*/
input.btn {
	padding: 0 3px;
	font: 84% sans-serif;	
}

input.date_field {
	width: 85px;
	text-align: center;
}

/*
	Misc
*/

a {
	cursor: pointer;
}

.red { color: red; }
.blue { color: blue; }
.green { color: green; }
.yellow { color: yellow; }

/*
	SGA_DOCK
*/
#sga_dock {
    text-align: center;
}

#sga_dock ul {
    width: 650px;
    margin: 0px auto;
}

#sga_dock ul li {
    padding: 5px 10px;
    list-style: none;
    float: left;
}

#sga_dock ul li a {
    width: 140px;
    height: 147px;
    text-indent: -1000px;
    overflow: hidden;
    float: left;
}

#sga_dock ul li#dock_item_1 a { background-image: url(../imgs/dock_atend.gif); }
#sga_dock ul li#dock_item_2 a { background-image: url(../imgs/dock_monitor.gif); }
#sga_dock ul li#dock_item_3 a { background-image: url(../imgs/dock_triagem.gif); }
#sga_dock ul li#dock_item_4 a { background-image: url(../imgs/dock_treinam.gif); }

/*
	Layout Padr�o
*/
/*
	ATENDIMENTO
*/
#template_padrao {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/*
	ATENDIMENTO > TOPO
*/
#template_topo {
	background: #000000;
	border-bottom: 2px solid #CCCCCC;
}

#template_topo h1 {
	font: bold 16px Verdana, Arial, Sans-serif;
	color: #FFFFFF;
	padding: 5px 0px 5px 110px;
	background: url(../imgs/sgalogo.png) no-repeat 0;
}

#template_topo span {
	font: 12px Verdana, Arial, Sans-serif;
	color: #FFFFFF;
	padding: 5px 10px 0px 0px;
	float: right;
}

/*
	Template Padr�o > MENU
*/
#template_padrao #template_menu {
	width: 200px;
	height: 100%;
	background: #F1F1F1;
	border-right: 2px solid #CCCCCC;
	float: left;
}

#template_padrao #template_menu #info {
	padding: 10px 0px 15px 0px;
	background: #CCCCCC;
}

#template_padrao #template_menu #info span {
	width: 16px;
	height: 16px;
	margin: 0px 10px 0px 0px;
	text-indent: -1000px;
	overflow: hidden;
	float: left;
}

#template_padrao #template_menu #info #info_user { background: url(../imgs/user.gif) no-repeat; }
#template_padrao #template_menu #info #info_mat { background: url(../imgs/vcard.gif) no-repeat; }
#template_padrao #template_menu #info #info_grupo { background: url(../imgs/grupo_filho.png) no-repeat; }
#template_padrao #template_menu #info #info_cargo { background: url(../imgs/cargo.png) no-repeat; }
#template_padrao #template_menu #info #info_unid { background: url(../imgs/building.png) no-repeat; }
#template_padrao #template_menu #info #info_guiche { background: url(../imgs/computer.gif) no-repeat; }

#template_padrao #template_menu #info #foto {
	padding: 0px 0px 20px 0px;
	text-align: center;
}
/* BORDA da foto desativada
#template_padrao #template_menu #info #foto img {
	border: 2px solid #333333;
}
*/

#template_padrao #template_menu #info span {
	font: 11px Verdana, Arial, Sans-serif;
	color: #000000;
	display: block;
}

#template_padrao #template_menu #info h2 {
	font: bold 14px Verdana, Arial, Sans-serif;
	color: #000000;
	padding: 2px 15px;
}

#template_padrao #template_menu #info h3 {
	font: bold 12px Verdana, Arial, Sans-serif;
	color: #000000;
	padding: 2px 15px;
}

#template_padrao #template_menu ul {
	padding: 10px 0px;
}

#template_padrao #template_menu ul li a {
	width: 180px;
	font: 12px Verdana, Arial, Sans-serif;
	color: #000000;
	padding: 2px 10px;
	text-decoration: none;
	display: block;
}

#template_padrao #template_menu ul li a:hover {
	background: #DDDDDD;
}

/*
	Template Padr�o > CONTEUDO
*/

#template_padrao #template_conteudo {
	height: 93%;
	overflow: auto;
}



/*
	WINDOW_LOADING
*/
#window_loading {
	left: 50%;
	top: 50%;
	width: 32px;
	height: 32px;
	padding: 5px 10px;
	margin: -16px 0px 0px 16px;
	text-indent: -1000px;
	overflow: hidden;
	position: relative;
	background: url(../imgs/loading.gif) no-repeat;
	z-index: 5000;
}

/*
	LOGIN
*/
#login_header {
	top: 10px;
	left: 15px;
}

#login_header h1 a {
	width: 300px;
	height: 170px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(../imgs/sga_passaroLog.png) no-repeat;
	display: block;
}

#login {
	width: 100%;
	text-align: center;
}

#login form {
	top: 50%;
	left: 50%;
	width: 400px;
	height: 160px;
	margin: -100px 0px 0px -200px;
	border: 1px solid #000066;
	background: #F1F1F1;
	position: absolute;
}

#login form h2 {
	font: bold 12px Verdana, Arial, Sans-serif;
	color: #FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 2px 0px 2px 10px;
	text-align: left;
	background: #0000CC url(../imgs/key.gif) no-repeat 375px;
}

#login form div {
	padding: 10px;
}

#login form div h3 {
	font: bold 12px Verdana, Arial, Sans-serif;
	width: 70px;
	text-align: left;
	float: left;
}

#login form div span input {
	font: 12px Verdana, Arial, Sans-serif;
	width: 250px;
	text-align: left;
}

/*
    WINDOW_POPUP
*/
#window_popup, .window_popup {
    padding: 5px;
}

#window_popup, .window_popup button {
    font: 12px Verdana, Arial, Sans-serif;
}

#window_popup, .window_popup input {
    margin: 2px 0 2px 0;
    padding: 0px;
    font: 12px Verdana, Arial, Sans-serif;
}


#window_popup, .window_popup h1 {
    color: black;
    font: bold 14px Verdana, Arial, Sans-serif;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0px;
}

#window_popup, .window_popup div {
    color: black;
    font: 12px Verdana, Arial, Sans-serif;
    padding: 0;
}

#window_popup, .window_popup ul {
    padding: 20px 0px 15px 20px;
}

#window_popup, .window_popup ul li {
    padding: 0px 2px;
    list-style: none;
}

#window_popup, .window_popup textarea {
    display: block;
    clear: both;
}

#window_popup_controls, .window_popup_controls {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.advertencia {
	color: red;
}

/*
	ERRO
*/
#window_error {
	text-align: left;
}

#window_popup_icon {
	float: left;
}

#window_popup_content {
	float: left;
}

#window_yesno_dialog #window_yesno_dialog_message,
#window_error #window_error_message,
#window_input_dialog #window_input_dialog_message,
#window_confirm_dialog #window_confirm_dialog_message {
	text-align: left;
	background: #F1F1F1;
	overflow: auto;
	padding: 0px;
}

#window_yesno_dialog #window_yesno_dialog_message {
	top: 35%;
}

#window_error #window_error_message { border: 1px solid #DD0000; }
#window_input_dialog #window_input_dialog_message { border: 1px solid #006600; }
#window_confirm_dialog #window_confirm_dialog_message {border: 1px solid #000099;}

#window_yesno_dialog h1,
#window_error #window_error_message h2,
#window_input_dialog #window_input_dialog_message h2,
#window_confirm_dialog #window_confirm_dialog_message h2 {
	font: bold 12px Verdana, Arial, Sans-serif;
	color: #FFFFFF;
	padding: 2px 0px 2px 10px;
	text-align: left;
}
#window_error #window_error_message h2 { background: #CC0000 url(../imgs/exclamation.gif) no-repeat 475px; }
#window_input_dialog #window_input_dialog_message h2 { background: #009900 url(../imgs/vcard.gif) no-repeat 475px; }
#window_confirm_dialog #window_confirm_dialog_message h2, #window_yesno_dialog h1 { background: #000066 url(../imgs/comment.png) no-repeat 475px; }

#window_yesno_dialog #window_yesno_dialog_message #window_yesno_dialog_message_text,
#window_error #window_error_message p,
#window_input_dialog #window_input_dialog_message p,
#window_confirm_dialog #window_confirm_dialog_message p {
	font: 12px Verdana, Arial, Sans-serif;
	color: #000000;
	height: auto;
	padding: 10px 20px;
	text-align: justify;
}

#window_yesno_dialog input,
#window_error #window_error_message input,
#window_input_dialog #window_input_dialog_message input {
	font: 12px Verdana, Arial, Sans-serif;
	padding: 1px 10px;
	margin: 5px 0px 0px 15px;
}

#window_input_dialog #window_input_dialog_message input#txt_input_dialog {
    width: 350px;
}
/**
	CONFIRM
*/
#window_confirm_dialog{
	width: 100%;
	text-align: left;
}
#window_confirm_dialog div .button{
	margin: 0px 0px 0px 20px;
	width: 50px;
}

/**
	YES_NO
*/
#window_yesno_dialog { 
	margin: 10px 15px;
}
#window_yesno_dialog #window_yesno_dialog_message {
}

#window_yesno_dialog #window_yesno_dialog_message input {
}

/*
    WINDOW_BLACKOUT
*/
#window_blackout, .blackout{
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    background: black;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/* Coloca o texto dentro da div no centro absoluto, vertical/horizontal. */
div.info_centro {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
	display: table;
	position: static;
}

div.info_centro div {
	display: table-cell;
	vertical-align: middle;
	position: static;
	text-align: center;
}
/* Fim do texto centro absoluto. */

/* Apar�ncia dos bot�es. */

button.botao_menu, button.botao_menu a, button.botao_acao, button.botao_acao a {
	width: auto;
	height: 25px;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    cursor: pointer;
    margin: 2px;
    overflow: visible;
}

button.botao_menu:disabled, button.botao_menu:disabled a, button.botao_acao:disabled, button.botao_acao:disabled a {
    background-color: #cacaca;
    border: none;
    color: #eee;
}

button.botao_acao a:hover, button.botao_acao:hover, button.botao_menu a:hover, button.botao_menu:hover {
	background: #fbe3e4;
	outline: 1px solid black;
    border: 1px solid red;
}

button.botao_acao:disabled a:hover, button.botao_acao:disabled:hover, button.botao_menu:disabled a:hover, button.botao_menu:disabled:hover {
    background-color: #cacaca;
    outline: none;
    border: none;
    color: #eee;
    font-weight: normal;
    cursor: default;
}

button.botao_acao, button.botao_acao a {
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}

button.botao_acao img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button[disabled].botao_acao img {
	display: none;
}

button.botao_acao div.btn_txt {
	float: left;
	margin: 2px;
	font-size: 11px;
    display: inline;
}

button.botao_menu {
	width: 130px;
	height: 120px;
	padding: 5px 10px 5px 10px;
}

button.botao_menu img {}

button.botao_menu div.btn_txt {
    display: block;
    text-decoration: none;
    color: #565656;
    font-family: "Lucida Grande";
    font-size: 16px;
    font-weight: bold;
}





/* Fim da apar�ncia dos bot�es. */

#template_conteudo {
	padding: 10px;
}

/*********************************************************
*                      CALEND�RIO                        *
**********************************************************/
#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}

#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}

.calendar_button {
	border: none;
	background: none;
	cursor: pointer;
}

/** TREEVIEW BASE */
.treeview ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.treeview li.expandable {
    background-position: 0 -176px;
}

.treeview li.lastExpandable {
    background-image: url(../imgs/treeview-default.gif);
}

.treeview div.lastExpandable-hitarea {
    background-position: 0;
}

/** jQuery UI */
.ui-datepicker {
    z-index: 2000;
}

.ui-dialog .ui-dialog-content {
    padding: 0px;
    margin: 0px;
    font-size: 10px;
}
